<!DOCTYPE HTML>
<!-- saved from url=(0034)http://cal.m.supfree.net/index.asp -->
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd"><HTML 
lang="zh-CN" xmlns="http://www.w3.org/1999/xhtml"><HEAD><META 
content="IE=11.0000" http-equiv="X-UA-Compatible">
 
<META http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
<META name="viewport" content="width=device-width"> 
<META http-equiv="Cache-Control" content="no-siteapp"> <TITLE>在线计算器</TITLE> 
<META name="description" content="计算器,计算,科学计算器,公式计算器,在线"> 
<META name="keywords" content="计算器,计算,科学计算器,公式计算器,在线"> 
<SCRIPT src="jquery.min.js"></SCRIPT>
 
<SCRIPT src="bootstrap.min.js"></SCRIPT>
 <LINK href="bootstrap.min.css" rel="stylesheet"> <LINK href="mstyle.css" 
rel="stylesheet"> 
<META name="GENERATOR" content="MSHTML 11.00.9600.18525"></HEAD> 
<BODY class="custom-background">
<DIV id="wrapper">



<DIV id="main">
<H1>在线计算器</H1>
<HR>
<LINK href="jisuanqi.css" rel="stylesheet" type="text/css">
<SCRIPT src="calc.js" type="text/javascript"></SCRIPT>
 
<DIV id="jisuan">
<UL class="btns clearfix" id="btns">
  <LI class="btnss current">基础</LI>
  <LI class="btnss">高级</LI></UL>
<DIV class="calculator_main" id="calculator">
<DIV class="calculator_con  current">
<DIV id="calculator_base" style="display: block;"></DIV>
<DIV 
class="calculator_hd"><INPUT class="resultIpt" id="resultIpt" type="text" size="17" maxlength="17" readonly="" value="0"></DIV>
<DIV id="baseEprsPanel" style="display: none;" width="290" 
valign="middle"></DIV>
<DIV class="calculator_bd" id="calculator_bd">
<UL class="calculator_table">
  <LI><A class="cal_btn" onclick="calculator.memory(this,0);" href="javascript:;">存储</A><A 
  class="cal_btn" onclick="calculator.memory(this,1);" 
  href="javascript:;">取存</A><A class="cal_btn cla_btn_org" id="simpleDel" 
  onclick="calculator.remove();" href="javascript:;">退格</A><A class="cal_btn cla_btn_org" 
  id="simpleClearAllBtn" onclick="calculator.clearAll();" 
  href="javascript:;">清屏</A></LI>
  <LI><A class="cal_btn" onclick="calculator.memory(this,-1);" href="javascript:;">累存</A><A 
  class="cal_btn" onclick="calculator.memory(this,-2);" 
  href="javascript:;">积存</A><A class="cal_btn" onclick="calculator.memory(this,2);" 
  href="javascript:;">清存</A><A class="cal_btn cal_btn_gray fontArial" id="simpleDivi" 
  onclick="calculator.input(this,3);" href="javascript:;">÷</A></LI>
  <LI><A class="cal_btn fontArial" id="simple7" onclick="calculator.input(this,-1);" 
  href="javascript:;">7</A><A class="cal_btn fontArial" id="simple8" onclick="calculator.input(this,-1);" 
  href="javascript:;">8</A><A class="cal_btn fontArial" id="simple9" onclick="calculator.input(this,-1);" 
  href="javascript:;">9</A><A class="cal_btn cal_btn_gray fontArial" id="simpleMulti" 
  onclick="calculator.input(this,2);" href="javascript:;">x</A></LI>
  <LI><A class="cal_btn fontArial" id="simple4" onclick="calculator.input(this,-1);" 
  href="javascript:;">4</A><A class="cal_btn fontArial" id="simple5" onclick="calculator.input(this,-1);" 
  href="javascript:;">5</A><A class="cal_btn fontArial" id="simple6" onclick="calculator.input(this,-1);" 
  href="javascript:;">6</A><A class="cal_btn cal_btn_gray fontArial" id="simpleSubtr" 
  onclick="calculator.input(this,1);" href="javascript:;">-</A></LI>
  <LI><A class="cal_btn fontArial" id="simple1" onclick="calculator.input(this,-1);" 
  href="javascript:;">1</A><A class="cal_btn fontArial" id="simple2" onclick="calculator.input(this,-1);" 
  href="javascript:;">2</A><A class="cal_btn fontArial" id="simple3" onclick="calculator.input(this,-1);" 
  href="javascript:;">3</A><A class="cal_btn cal_btn_gray fontArial" id="simpleAdd" 
  onclick="calculator.input(this,0);" href="javascript:;">+</A></LI>
  <LI><A class="cal_btn fontArial" id="simple0" onclick="calculator.input(this,-1);" 
  href="javascript:;">0</A><A class="cal_btn fontArial" id="simpleDot" onclick="calculator.input(this,-1);" 
  href="javascript:;">.</A><A class="cal_btn fontArial" onclick="calculator.input(this,-3);" 
  href="javascript:;">+/-</A><A class="cal_btn cal_btn_bla fontArial" id="simpleEqual" 
  onclick="calculator.input(this,-2);" 
href="javascript:;">=</A></LI></UL></DIV></DIV>
<DIV class="calculator_con">
<DIV 
class="calculator_hd"><INPUT name="gaoji" class="resultIpt" id="gaoji" type="text" value="0">
<DIV id="completeEprsPanel" style="display: none;" width="290" 
valign="middle"></DIV></DIV>
<DIV class="calculator_bd">
<UL class="complete_table_rdo">
  <LI>
  <DIV class="labinp"><INPUT name="carry" id="hex" onclick="inputChangCarry(16);" 
  type="radio"><LABEL for="hex">十六进制</LABEL></DIV>
  <DIV class="labinp"><INPUT name="carry" id="decimal" onclick="inputChangCarry(10);" 
  type="radio" display="block"><LABEL for="decimal">十进制</LABEL></DIV>
  <DIV class="labinp"><INPUT name="carry" id="octal" onclick="inputChangCarry(8);" 
  type="radio"><LABEL for="octal">八进制</LABEL></DIV>
  <DIV class="labinp"><INPUT name="carry" id="binary" onclick="inputChangCarry(2);" 
  type="radio"><LABEL for="binary">二进制</LABEL></DIV>
  <DIV class="labinp"></DIV>
  <DIV class="labinp"><INPUT name="angle" onclick="inputChangAngle('d');" type="radio"><LABEL 
  for="angle">角度制</LABEL></DIV>
  <DIV class="labinp"><INPUT name="angle" onclick="inputChangAngle('r');" type="radio"><LABEL 
  for="angle">弧度制</LABEL></DIV></LI>
  <LI>
  <DIV class="labinp"><INPUT id="upperFile" onclick="inputshift();" type="checkbox"><LABEL 
  for="upperFile">上档功能</LABEL></DIV>
  <DIV class="labinp"><INPUT id="hyperbolic" onclick="inputshift();" type="checkbox"><LABEL 
  for="hyperbolic">双曲函数</LABEL></DIV>
  <DIV 
class="ipts"><INPUT name="bracket" class="chk_text_inp" id="bracket" type="text" size="3" readonly=""><INPUT name="memory" class="chk_text_inp" id="memory" type="text" size="3" readonly=""><INPUT name="operator" class="chk_text_inp" id="operator" type="text" size="3" readonly=""></DIV><A 
  class="cal_btn cal_btn_gre" id="completeDel" onclick="backspace();" href="javascript:;">退格</A><A 
  class="cal_btn cla_btn_org" onclick="document.getElementById('gaoji').value=0;document.getElementById('completeEprsPanel').innerHTML = '';this.blur();" 
  href="javascript:;">清屏</A></LI></UL>
<UL class="complete_table_main">
  <LI><A class="cal_btn" onclick="putmemory();" href="javascript:;">存储</A><A 
  class="cal_btn" onclick="getmemory();" href="javascript:;">取存</A><A class="cal_btn" 
  onclick="addmemory();" href="javascript:;">累存</A><A class="cal_btn" onclick="multimemory();" 
  href="javascript:;">积存</A><A class="cal_btn" onclick="clearmemory();" href="javascript:;">清存</A><A 
  class="cal_btn cla_btn_org" onclick="clearall();" 
  href="javascript:;">全清</A></LI>
  <LI><A class="cal_btn fontArial" id="complete7" onclick="inputkey('7');" href="javascript:;">7</A><A 
  class="cal_btn fontArial" id="complete8" onclick="inputkey('8');" href="javascript:;">8</A><A 
  class="cal_btn fontArial" id="complete9" onclick="inputkey('9');" href="javascript:;">9</A><A 
  class="cal_btn cal_btn_gray fontArial" id="completeDivi" onclick="operation('/',6);;" 
  href="javascript:;">÷</A><A class="cal_btn cal_btn_gre" onclick="operation('%',6);" 
  href="javascript:;">取余</A><A class="cal_btn cal_btn_gre" onclick="operation('&amp;',3);" 
  href="javascript:;">与</A></LI>
  <LI><A class="cal_btn fontArial" id="complete4" onclick="inputkey('4');" href="javascript:;">4</A><A 
  class="cal_btn fontArial" id="complete5" onclick="inputkey('5');" href="javascript:;">5</A><A 
  class="cal_btn fontArial" id="complete6" onclick="inputkey('6');" href="javascript:;">6</A><A 
  class="cal_btn cal_btn_gray fontArial" id="completeMulti" onclick="operation('*',6);" 
  href="javascript:;">x</A><A class="cal_btn cal_btn_gre" id="changeDecimal" 
  onclick="inputfunction('floor','deci');" href="javascript:;">取整</A><A class="cal_btn cal_btn_gre" 
  onclick="operation('|',1);" href="javascript:;">或</A></LI>
  <LI><A class="cal_btn fontArial" id="complete1" onclick="inputkey('1');" href="javascript:;">1</A><A 
  class="cal_btn fontArial" id="complete2" onclick="inputkey('2');" href="javascript:;">2</A><A 
  class="cal_btn fontArial" id="complete3" onclick="inputkey('3');" href="javascript:;">3</A><A 
  class="cal_btn cal_btn_gray fontArial" id="completeSubtr" onclick="operation('-',5);" 
  href="javascript:;">-</A><A class="cal_btn cal_btn_gre" onclick="operation('<',4);" 
  href="javascript:;">左移</A><A class="cal_btn cal_btn_gre" onclick="inputfunction('~','~');" 
  href="javascript:;">非</A></LI>
  <LI><A class="cal_btn fontArial" id="complete0" onclick="inputkey('0');" href="javascript:;">0</A><A 
  class="cal_btn fontArial" onclick="changeSign();" 
  href="javascript:;">+/-</A><A class="cal_btn fontArial" id="completeDot" 
  onclick="inputkey('.');" href="javascript:;">.</A><A class="cal_btn cal_btn_gray fontArial" 
  id="completeAdd" onclick="operation('+',5);" href="javascript:;">+</A><A 
  class="cal_btn cal_btn_bla fontArial" id="completeEqual" onclick="result();" 
  href="javascript:;">=</A><A class="cal_btn cal_btn_gre " onclick="operation('x',2);" 
  href="javascript:;">异或</A></LI>
  <LI><A class="cal_btn cal_btn_gre fontArial" id="ka" onclick="inputkey('a');" 
  href="javascript:;">A</A><A class="cal_btn cal_btn_gre fontArial" id="kb" 
  onclick="inputkey('b');" href="javascript:;">B</A><A class="cal_btn cal_btn_gre fontArial" 
  id="kc" onclick="inputkey('c');" href="javascript:;">C</A><A class="cal_btn cal_btn_gre fontArial" 
  id="kd" onclick="inputkey('d');" href="javascript:;">D</A><A class="cal_btn cal_btn_gre fontArial" 
  id="ke" onclick="inputkey('e');" href="javascript:;">E</A><A class="cal_btn cal_btn_gre fontArial" 
  id="kf" onclick="inputkey('f');" href="javascript:;">F</A></LI></UL>
<UL class="complete_more">
  <LI><A class="cal_btn cal_btn_dis" id="pi" onclick="inputfunction('pi','pi');" 
  href="javascript:;">PI</A><A class="cal_btn cal_btn_dis" id="e" onclick="inputfunction('e','e');" 
  href="javascript:;">E</A><A class="cal_btn cal_btn_dis" id="bt" onclick="inputfunction('dms','deg');" 
  href="javascript:;">d.ms</A><A class="cal_btn cal_btn_gre" onclick="addbracket(this);" 
  href="javascript:;">(</A><A class="cal_btn cal_btn_gre" onclick="disbracket(this);" 
  href="javascript:;">)</A></LI>
  <LI><A class="cal_btn cal_btn_gre" id="ln" onclick="inputfunction('ln','exp');" 
  href="javascript:;">In</A><A class="cal_btn cal_btn_gre" id="log" onclick="inputfunction('log','expdec');" 
  href="javascript:;">log</A><A class="cal_btn cal_btn_dis" id="sin" onclick="inputtrig('sin','arcsin','hypsin','ahypsin');" 
  href="javascript:;">sin</A><A class="cal_btn cal_btn_dis" id="cos" onclick="inputtrig('cos','arccos','hypcos','ahypcos');" 
  href="javascript:;">cos</A><A class="cal_btn cal_btn_dis" id="tan" onclick="inputtrig('tan','arctan','hyptan','ahyptan');" 
  href="javascript:;">tan</A></LI>
  <LI><A class="cal_btn cal_btn_gre" onclick="inputfunction('!','!');" href="javascript:;">n!</A><A 
  class="cal_btn cal_btn_gre" onclick="inputfunction('recip','recip');" href="javascript:;">1/x</A><A 
  class="cal_btn cal_btn_gre" id="sqr" onclick="inputfunction('sqr','sqrt');" 
  href="javascript:;">x^2</A><A class="cal_btn cal_btn_gre" id="cube" onclick="inputfunction('cube','cubt');" 
  href="javascript:;">x^3</A><A class="cal_btn cal_btn_gre" onclick="operation('^',7);" 
  href="javascript:;">x^y</A></LI></UL></DIV></DIV></DIV></DIV>
<SCRIPT>
  /*基础高级切换*/

  var oBtns=document.getElementById('btns');
  var aLi=oBtns.getElementsByTagName('li');
  var aLiLength=aLi.length;
  var oCal=document.getElementById('calculator');
  var aDiv=oCal.getElementsByClassName('calculator_con');
	
  for (var i=0;i<aLiLength;i++){
    //aLi[i].index=i;
    (function(idx){
      aLi[idx].onclick = function(){
		document.getElementById('resultIpt').value=0;
		document.getElementById('gaoji').value = 0;		
        for(var j = 0;j<aLiLength;j++){
          aLi[j].className='btnss';
          aDiv[j].className='calculator_con';
        }
        //console.log(idx);
        this.className='btnss current';
        aDiv[idx].className='calculator_con current';

      }
    })(i);
  }
</SCRIPT>
         </DIV>
</DIV>
</BODY></HTML>
